<!-- 图表页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>区块链概览</title>
    <link href="../../../../../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../../../../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../../../../lib/ui/js/plugins/datepicker/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../../../../../content/pc/sysmgt/blockchainManagement/blockchainManagement.css"/>
</head>
<body class="layui-view-body outside-container">
  <div class="second-container">
    <!-- 左侧菜单栏 -->
    <div class="left-container">
        <p class="min-title-p">区块链管理</p>
        <ul class="menu-ul">
            <li class="li-active">区块链概览</li>
            <li>合约管理</li>
            <li>上链管理</li>
            <li>投票管理</li>
            <li>组织信息</li>
            <li>节点信息</li>
            <li>区块链浏览器</li>
        </ul>
    </div>
    <!-- 右侧主信息 -->
    <div class="right-container">
        <p class="title-h">区块链管理/区块链概览</p>
        <div class="main-container">
            <div class="indicators-container">
                <p class="font-14">关键指标</p>
                <div class="four-container">
                    <div>
                        <p class="font-12">累计交易数</p>
                        <p class="font-36">1</p>
                    </div>
                    <div>
                        <p class="font-12">最新区块高度</p>
                        <p class="font-36">1</p>
                    </div>
                    <div>
                        <p class="font-12">链上节点</p>
                        <p>
                            <span class="font-36">4</span>
                            <span>个</span>
                        </p>
                    </div>
                    <div>
                        <p class="font-12">链上组织数</p>
                        <p>
                            <span class="font-36">4</span>
                            <span>个</span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 区块链信息 -->
            <div class="information-container">
                <div>
                    <span class="font-14">区块链信息</span>
                    <div class="btns-container">
                        <button type="button" class="btn btn-primary btnColor">连接插件钱包</button>
                        <button type="button" class="btn btn-primary btnColor">连接浏览器</button>
                        <button type="button" class="btn btn-primary btnColor">链权限管理</button>
                        <button type="button" class="btn btn-primary btnColor">修改链配置</button>
                        <button type="button" class="btn btn-primary btnColor">下载链配置</button>
                    </div>
                </div>
                <p class="inform-p">
                    <span>区块链ID</span>
                    <span>
                        chain1
                        <i class="tea-icon tea-icon-copy" role="img" aria-label="copy" style="cursor: pointer;" id="copy-icon" title="复制"></i>
                    </span>
                </p>
                <p class="inform-p">
                    <span>区块链名称</span>
                    <span>chain1</span>
                </p>
                <p class="inform-p">
                    <span>区块链版本</span>
                    <span>v2.3.2(2030200)</span>
                </p>
                <p class="inform-p">
                    <span>配置版本</span>
                    <span>0</span>
                </p>
                <p class="inform-p">
                    <span>账户模式</span>
                    <span>permissionedWithCert</span>
                </p>
                <p class="inform-p">
                    <span>共识策略</span>
                    <span>TBFT</span>
                </p>
                <p class="inform-p">
                    <span>区块最大容量</span>
                    <span>100笔交易</span>
                </p>
                <p class="inform-p">
                    <span>交易过期时长</span>
                    <span>600s</span>
                </p>
                <p class="inform-p">
                    <span>出块间隔</span>
                    <span>10ms</span>
                </p>
            </div>
        </div>
    </div>
  </div>
<script src="../../../../../lib/jquery/jquery.min.js"></script>
<script src="../../../../../lib/bootstrap/js/bootstrap.min.js"></script>
<script src="../../../../../lib/ui/js/plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../../../../../lib/echarts4.4/echarts.min.js"></script>
<script>
    //新建区块链 点击事件
    $('#createNewChain').on('click',function(){
        
    });
    //请求链卡片---接口
    function loadCardDataFun(){
        //页面渲染
    }
    //卡片点击事件
    $('.card-div').on('click',function(e){
        console.log( $(e.currentTarget).attr('title'));//绑定数据
        // $(e).attr('title')
    });
    $(document).ready(function() {
        //

    }) 
</script>
</body>
</html>